<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<link rel="shortcut icon" href="#"/>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户页面</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
  <div class="container-fluid">
    <a class="navbar-brand " style="color:#ffffff;" id="icon">Hello</a>
    <form class="d-flex">
      
        <a class="btn btn-outline-success" role="button" href="javascript:void(0);"  onclick="goback()">退出</a>
      </form>
  </div>
</nav>
<div class="contains">
<div class="content" id="my_status" >
<ul>
<li><p id="my_name">name:</p></li>
<li><p id="my_uid">uid:</p></li>
<li><p id="my_school_id">school id:</p></li>
<li><p id="my_qq">qq:</p></li>
<li><p id="my_tel">tel:</p></li>
<li><p id="my_message">message:</p></li>
<li><button class ="button" onclick="show()" >修改</button></li>
</ul>
</div>
<div class="content" id="jump" style="display:none;">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">编号</th>
<th scope="col">属性</th>
<th scope="col">名称</th>
<th scope="col">持有者</th>
<th scope="col">有效时间</th>
<th scope="col">状态</th>
<th scope="col">价格</th>
<th scope="col">查看</th>
</tr>
</thead>
<tbody><tr th:each="item_status:${pageInfo}">
<td th:text="${item_status.item_id}"></td>
<td th:text="${item_status.item_kind}"></td>
<td th:text="${item_status.item_name}"></td>
<td th:text="'*'+${#strings.substring(item_status.item_user_uid,11)}"></td>
<td th:text="${#strings.substring(item_status.item_limit_time,0,11)}"></td>
<td th:text="${item_status.item_end}==0?正常:取消"></td>
<td th:text="${item_status.item_price}"></td>
<td ><input type="button" onclick="show_this_user(this)" class="small_button" value="查看"></td>
</tr></tbody>
</table>
<div style="float: left" th:if="${totalPages>0}">
		当前第<span th:text="${pageNum}"></span>页,共<span
			th:text="${totalPages}"></span>页,总记录数<span th:text="${total}"></span>
</div>

<div style="float:right" th:if="${totalPages>0}" id="page">
<a th:href="@{${jumpUrl}}" th:text="首页" th:if="${pageNum>1}"th:class ="page-item"></a>
<a th:href="@{${jumpUrl}+${pageNum-1}}" th:text="上一页"th:class ="page-item" th:if="${pageNum>1}"></a>
<a th:href="@{${jumpUrl}+${i}}" th:each="i:${#numbers.sequence(1,totalPages)}" th:text="${i}"
th:class ="${pageNum==i}?'page-item active':'page-item '"></a>
<a th:href="@{${jumpUrl}+${pageNum+1}}" th:text="下一页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
<a th:href="@{${jumpUrl}+${totalPages}}" th:text="尾页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
</div>

</div>
<div class="content" id="release" style="display:none;">
<form>
<ul>
<li><p ><span>物品属性</span><input type ="text" placeholder ="物品属性" class ="text_style" id="item_kind"></p></li>
<li><p ><span >物品名称</span><input type ="text" placeholder ="物品名称" class ="text_style"  id="item_name"></p></li>
<li><p ><span >有效时间持续</span><input type ="text" placeholder ="不超过30天" class ="text_style"  id="item_limit_time"></p></li>
<li><p ><span >价格</span><input type ="text" placeholder ="价格" class ="text_style"  id="item_price"></p></li>
</ul>
</form>
<button class="button" onclick="jump_submit()">确定</button>
</div>
<div class="content" id="search_item" style="display:none;">
<form>
<ul>
<li><p ><span>物品属性</span><input type ="text" placeholder ="物品属性" class ="text_style" id="search_item_kind"></p></li>
<li><p ><span >物品名称</span><input type ="text" placeholder ="物品名称" class ="text_style"  id="search_item_name"></p></li>
<li><p ><span >持有者ID</span><input type ="text" placeholder ="持有者ID" class ="text_style"  id="search_uid_id"></p></li>
<li>
</li>
</ul>
</form>
<button class="button" onclick="search_item_submit()">确定</button>
</div>
<div class="content" id="search_me" style="display:none;">
<table class="table table-hover">
<thead>
<tr>
<th scope="col">编号</th>
<th scope="col">属性</th>
<th scope="col">名称</th>
<th scope="col">持有者</th>
<th scope="col">有效时间</th>
<th scope="col">状态</th>
<th scope="col">价格</th>
<th scope="col">操作</th>
</tr>
</thead>
<tbody><tr th:each="item_status:${pageInfo}">
<td th:text="${item_status.item_id}"></td>
<td th:text="${item_status.item_kind}"></td>
<td th:text="${item_status.item_name}"></td>
<td th:text="'*'+${#strings.substring(item_status.item_user_uid,11)}"></td>
<td th:text="${#strings.substring(item_status.item_limit_time,0,11)}"></td>
<td th:text="${item_status.item_end}==0?正常:取消"></td>
<td th:text="${item_status.item_price}"></td>
<td >
<input type="button" onclick="change_this(this)" class="small_button" value="修改">
<input type="button" onclick="delete_this(this)" class="small_button" value="删除">
</td>
</tr></tbody>
</table>
<div style="float: left" th:if="${totalPages>0}">
		当前第<span th:text="${pageNum}"></span>页,共<span
			th:text="${totalPages}"></span>页,总记录数<span th:text="${total}"></span>
</div>

<div style="float:right" th:if="${totalPages>0}" id="page">
<a th:href="@{${jumpUrl}}" th:text="首页" th:if="${pageNum>1}"th:class ="page-item"></a>
<a th:href="@{${jumpUrl}+${pageNum-1}}" th:text="上一页"th:class ="page-item" th:if="${pageNum>1}"></a>
<a th:href="@{${jumpUrl}+${i}}" th:each="i:${#numbers.sequence(1,totalPages)}" th:text="${i}"
th:class ="${pageNum==i}?'page-item active':'page-item '"></a>
<a th:href="@{${jumpUrl}+${pageNum+1}}" th:text="下一页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
<a th:href="@{${jumpUrl}+${totalPages}}" th:text="尾页" th:class="page-item" th:if="${pageNum<totalPages}"></a>
</div>
</div>
<div class="content" id="change_pass" style="display:none;">
<form>
<ul>
<li><p ><span>当前密码</span><input type ="password" placeholder ="当前密码" class ="text_style" id="change_pass_input"></p></li>
<li><p ><span >修改后密码</span><input type ="password" placeholder ="修改后密码" class ="text_style"  id="change_pass_after_input"></p></li>
<li><p ><span Style="border :3px solid black;border-radius :15px;" onclick="get_v()">获取验证码</span><input type ="text" placeholder ="验证码" class ="text_style"  id="verification"></p></li>
<li>
</li>
</ul>
</form>
<button class="button" onclick="change_pass_submit()">确定</button>
</div>
</div>
<div class="contains_1">
<div class="small_contains"  onclick="show_div('my_status','false')"><p>我的资料</p></div>
<div class="small_contains"  onclick="show_div('jump','false')"><p>跳蚤市场</p></div>
<div class="small_contains"  onclick="show_div('release','false')"><p>进行发布</p></div>
<div class="small_contains"  onclick="show_div('search_item','false')"><p>进行查询</p></div>
<div class="small_contains"  onclick="show_div('search_me','false')"><p>查看我的</p></div>
<div class="small_contains"  onclick="show_div('change_pass','false')"><p>密码修改</p></div>
</div>
<div class="submit" id="change_form" style="display:none;">
<form>
<ul>
<li><p ><span >QQ</span><input type ="text" placeholder ="QQ" class ="text_style"  id="from_user_qq"></p></li>
<li><p ><span >tel</span><input type ="text" placeholder ="tel" class ="text_style" id="form_user_tel"></p></li>
<li><p ><span >签名版</span><input type ="text" placeholder ="message" class ="text_style" id="form_user_message"></p></li>
</ul>
</form>
<button id="ok" class="button" onclick="submit()">确定</button>
<button id="no" class="button" onclick="defalut()">取消</button>
</div>
<div class="submit" id="change_item_form" style="display:none;">
<form>
<ul>
<li><p ><span >状态</span><input type ="text" placeholder ="0为正常 1为取消" class ="text_style"  id="from_item_status"></p></li>
<li><p ><span >价格</span><input type ="text" placeholder ="价格" class ="text_style" id="form_item_price"></p></li>

</ul>
</form>
<button id="item_ok" class="button" onclick="item_submit()">确定</button>
<button id="item_no" class="button" onclick="item_defalut()">取消</button>
</div>
 <div id="background"></div>
 <link th:href ="@{/css/user_status.css}"  rel ="stylesheet" type ="text/css">
 <script  th:src ="@{/js/user_status.js}"></script>
</body>
</html>